<template>
	<view class="answer-content">
		<view class="answer-text1">我的问答</view>
		<uni-list class="answer-content-list">
			<uni-list-chat :avatar-circle="true" class="answer-content-list-item" avatar="../../static/img/my-bg.png"
				badge-positon="left" badge-text="dot" title="西瓜" note="从新疆乌市出发 甘肃兰州 西安 重庆 贵州 如何规划行程及景点">
			</uni-list-chat>
			<uni-list-item direction="column">
				<template v-slot:header>
					<view>
						<button size="mini" type="primary" :plain="true">行程</button>
					</view>
				</template>
				<template v-slot:body>
					<view class="answer-content-slot">
						<view class="answer-content-slot-left">
							发布于2小时前
						</view>
						<view class="answer-content-slot-right">
							<uni-icons type="chat" size="28" color="#b3b3b3"></uni-icons>
							<text>2</text>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>

<uni-list class="answer-content-list">
			<uni-list-chat :avatar-circle="true" class="answer-content-list-item" avatar="../../static/img/my-bg.png"
				badge-positon="left" badge-text="dot" title="西瓜" note="从新疆乌市出发 甘肃兰州 西安 重庆 贵州 如何规划行程及景点">
			</uni-list-chat>
			<uni-list-item direction="column">
				<template v-slot:header>
					<view>
						<button size="mini" type="primary" :plain="true">行程</button>
					</view>
				</template>
				<template v-slot:body>
					<view class="answer-content-slot">
						<view class="answer-content-slot-left">
							发布于2小时前
						</view>
						<view class="answer-content-slot-right">
							<uni-icons type="chat" size="28" color="#b3b3b3"></uni-icons>
							<text>2</text>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>
		<uni-list class="answer-content-list">
			<uni-list-chat :avatar-circle="true" class="answer-content-list-item" avatar="../../static/img/my-bg.png"
				badge-positon="left" badge-text="dot" title="西瓜" note="从新疆乌市出发 甘肃兰州 西安 重庆 贵州 如何规划行程及景点">
			</uni-list-chat>
			<uni-list-item direction="column">
				<template v-slot:header>
					<view>
						<button size="mini" type="primary" :plain="true">行程</button>
					</view>
				</template>
				<template v-slot:body>
					<view class="answer-content-slot">
						<view class="answer-content-slot-left">
							发布于2小时前
						</view>
						<view class="answer-content-slot-right">
							<uni-icons type="chat" size="28" color="#b3b3b3"></uni-icons>
							<text>2</text>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.answer-content {
		width: 750rpx;
		display: flex;
		flex-direction: column;
		background-color: #fff;
		margin-top: 20rpx;
		padding: 20rpx;

		.answer-text1 {
			font-size: 40rpx;
			margin-bottom: 20rpx;
			color: #000;

		}

		.answer-content-list {
			.answer-content-list-item {

				::v-deep .uni-list-chat__content-title {
					font-size: 25rpx;
					color: #b3b3b3;
					border: none;
				}

				::v-deep .uni-list-chat__content-note {
					font-size: 35rpx;
					color: #000;
				}
			}
		}
	}

	.answer-content-slot {
		color: #b3b3b3;
		margin-top: 40rpx;
		justify-content: space-between;
	}
</style>
